import { List, Tag } from 'antd-mobile';
import Echar_body from '../../components/Echar_body'
import NavBar from '../../components/NavBer';
import './weight.css'

function Weight() {


    return (
        <div id="weight">
            <NavBar title='体重' />
            <div className="main">
                <div className="desc">
                    <div className="fen">
                        <span>身体得分</span>
                        <h4>77</h4>
                    </div>
                    <p>
                        虽然你的身体偏重，脂肪率较高，
                        容易患上三高、脂肪肝、糖尿病等慢性疾病，
                        不过肌肉率充足，平时运动较多，可以继续保持，
                        及早实现减重减脂的目标。
                    </p>
                </div>
            </div>

            <div className="zhibiao">
                <List header='未达标指标'>
                    <List.Item>
                        <span>体重73.1公斤</span>
                        <Tag color='danger'>超重</Tag>
                    </List.Item>
                    <List.Item>
                        <span>BMI24.7</span>
                        <Tag color='danger'>超重</Tag>
                    </List.Item>
                    <List.Item>
                        <span>BMI24.7</span>
                        <Tag color='danger'>偏高</Tag>
                    </List.Item>
                </List>
            </div>

            <div className="zhibiao">
                <List header='警告指标'>
                    <List.Item>
                        <span>内脏脂肪指数9</span>
                        <Tag color='warning'>标准</Tag>
                    </List.Item>
                </List>
            </div>

            <div className="zhibiao">
                <List header='健康指标'>
                    <List.Item>
                        <span>肌肉量54.7公斤</span>
                        <Tag color='success'>标准</Tag>
                    </List.Item>
                    <List.Item>
                        <span>基础代谢率1626千卡</span>
                        <Tag color='success'>标准</Tag>
                    </List.Item>
                    <List.Item>
                        <span>水分率55.2%</span>
                        <Tag color='success'>标准</Tag>
                    </List.Item>
                    <List.Item>
                        <span>蛋白质19.7%</span>
                        <Tag color='success'>标准</Tag>
                    </List.Item>
                    <List.Item>
                        <span>骨量2.8公斤</span>
                        <Tag color='success'>标准</Tag>
                    </List.Item>
                </List>
            </div>

            <div className="bodyC">
                <h4>人体成分</h4>
                <Echar_body/>
            </div>




        </div>
    );
}

export default Weight;